﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link href="../static/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="../static/css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="../static/css/style.css" rel="stylesheet" type="text/css" />
    <link href="../static/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <link href="../static/img/favicon.ico" rel="shortcut icon" />
    <link href="https://fonts.googleapis.com/css?family=Lato:700,900%7CDidact+Gothic" rel="stylesheet">
    <title>Opium</title>
</head>
<body>
    <!-- LOADER -->
    <div id="loader-wrapper">
        <div class="cssload-container">
            <div class="cssload-whirlpool"></div>
        </div>
    </div>
    <!-- LOADER -->

    <!-- HEADER -->
    <header class="header-style header-style2 header-style3 header-style4">
        <div class="hamburger-icon3">
            <span></span>
            <span></span>
            <span></span>
        </div>
        <div class="header-content">
            <div class="row">
                <div class="col-xs-6 col-sm-2">
                    <a class="logo" href="index.html">
                        <img src="../static/img/logo.png" alt="#" />
                    </a>
                </div>
                <div class="col-xs-6 col-sm-10">
                    <div class="hamburger-icon">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <div class="hamburger-icon2">
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                    <nav class="normal-s">
                        <ul>
                            <li class="dropdown-plus">
                                <a href="index.html">HOME</a>
                                <span></span>
                                <ul>
                                    <li><a href="index.html">Home #1</a></li>
                                    <li><a href="index2.html">Home #2</a></li>
                                    <li><a href="index3.html">Home #3</a></li>
                                    <li><a href="index4.html">Home #4</a></li>
                                    <li><a href="index5.html">Home #5</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="about.html">ABOUT</a>
                            </li>
                            <li>
                                <a href="detail.html">PORTFOLIO</a>
                            </li>
                            <li class="dropdown-plus active">
                                <a href="blog.html">BLOG</a>
                                <span></span>
                                <ul>
                                    <li><a href="blog.html">Blog</a></li>
                                    <li><a href="blogdetail.html">Blog detail</a></li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html">CONTACT</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="section">
                    <p>A small design & technology freelancer based out of Atlanta, GA. Catch up on my latest projects and get in touch.</p>
                </div>
                <div class="category">
                    <span class="small-1">CATEGORY</span>
                    <ul>
                        <li class="active">All</li>
                        <li>Development</li>
                        <li>Illustration</li>
                        <li>Product</li>
                        <li>Typography</li>
                    </ul>
                </div>
                <div class="sort-by">
                    <span class="small-1">SORT BY</span>
                    <ul>
                        <li>Random</li>
                        <li class="active">Popular</li>
                        <li>Rate</li>
                    </ul>
                </div>
                <div class="normal-3 section">
                    <ul>
                        <li>
                            <a href="tel:+138(095)6526538">+138 (095) 6526 538</a>
                        </li>
                        <li>
                            <a href="mailto:info@opium.com">info@opium.com</a>
                        </li>
                    </ul>
                    <div class="empty-space h10-xs fl"></div>
                    <div class="follow">
                        <a class="social" href="https://www.facebook.com/" target="_blank">
                            <i class="fa fa-facebook" aria-hidden="true"></i>
                        </a>
                        <a class="social" href="https://www.instagram.com/" target="_blank">
                            <i class="fa fa-instagram" aria-hidden="true"></i>
                        </a>
                        <a class="social" href="https://www.pinterest.com/" target="_blank">
                            <i class="fa fa-pinterest-p" aria-hidden="true"></i>
                        </a>
                        <a class="social" href="https://www.twitter.com/" target="_blank">
                            <i class="fa fa-twitter" aria-hidden="true"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="mob-icon"></div> 
        </div>                                                          
    </header>
    <!-- HEADER -->
    
    <!-- OVERLAY-MENU -->
    <div class="overlay-wrapper height-min">
        <div class="overlay-animation"></div>
        <div class="flex">
            <div class="flex-in">
                <div class="overlay-menu">
                    <div class="container">
                        <div class="row">
                            <div class="btn-close"><span></span><span></span></div>
                            <div class="col-lg-2 col-lg-offset-5">
                                <ul>
                                    <li class="dropdown-plus">
                                        <a href="index.html">HOME</a>
                                        <span></span>
                                        <ul>
                                            <li><a href="index.html">Home #1</a></li>
                                            <li><a href="index2.html">Home #2</a></li>
                                            <li><a href="index3.html">Home #3</a></li>
                                            <li><a href="index4.html">Home #4</a></li>
                                            <li><a href="index5.html">Home #5</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="about.html">ABOUT</a>
                                    </li>
                                    <li>
                                        <a href="detail.html">PORTFOLIO</a>
                                    </li>
                                    <li class="dropdown-plus">
                                        <a href="blog.html">BLOG</a>
                                        <span></span>
                                        <ul>
                                            <li><a href="blog.html">Blog</a></li>
                                            <li><a href="blogdetail.html">Blog detail</a></li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="contact.html">CONTACT</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end OVERLAY-MENU -->

    <!-- OVERLAY-VIDEO -->
     <div class="overlay-wrapper height-min video">
        <div class="overlay-animation"></div>
        <div class="iframe-wrapper">
            <iframe class="full-size" src="../static/img/transparent.png" allowfullscreen></iframe>
        </div>
        <div class="btn-close"><span></span><span></span></div>
    </div>
    <!-- end OVERLAY-VIDEO -->
    

    <!-- content -->
    <div id="content-wrapper">
        
        <div class="empty-space h35-xs h90-sm"></div>
        <div class="container-fluid-style2">
            <div class="swiper-banner">
                <div class="swiper-container" data-speed="1000" data-slides-per-view="1" data-breakpoints="1" data-xs-slides="1" data-sm-slides="1" data-md-slides="1" data-lg-slides="1">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"><a href="#"><span class="bg" style="background-image: url(../static/img/banner-img-1.jpg);"></span></a></div>
                        <div class="swiper-slide"><a href="#"><span class="bg" style="background-image: url(../static/img/banner-img-2.jpg);"></span></a></div>
                        <div class="swiper-slide"><a href="#"><span class="bg" style="background-image: url(../static/img/banner-img-3.jpg);"></span></a></div>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
            <div class="container-fluid-in-wrapper">
                <div class="container-fluid-in">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <div class="empty-space h25-xs h55-md"></div>
                            <article>
                                <h1 class="h1-2">Brending for restaurant</h1>
                                <div class="empty-space h20-xs"></div>
                                <span class="autor small-1">
                                    <span>JUNE 23/2015</span>
                                    <span>by MICHEL SMITH</span>
                                    5 <i class="fa fa-comments-o"></i> 32 <i class="fa fa-heart-o"></i>
                                </span>
                                <div class="empty-space h30-xs"></div>
                                <p class="normal-l grey-dark">Maecenas blandit ultricies nisl sit amet aliquam. Donec rutrum rutrum pretium. Integer dolor quam, pulvinar ut libero et, pretium elementum nulla odio eget justo sodales</p>
                            </article>
                        </div>
                    </div>
                    <div class="empty-space h30-xs"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="section">
                                <p class="text-left">Praesent euismod sollicitudin tristique. Donec imperdiet convallis ante, id porttitor leo consequat non. Suspendisse rutrum sed nisl in luctus. Pro in accumsan eget lorem id varius. Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam.  Nam venenatis  vel purus eleifend, nec blandit nunc mattis. Nulla facilisi. Aliquam lectus dictum euismod eget euligula. Donec rutrum rutrum pretium. Integer dolor quam, pulvinar ut libero et, pretium elementum nulla. Praesent non odio eget justo sodales pulvinar sodales vitae mi. Etiam consectetur, nisl nec rhoncus consequat, dolor enim ultricies turpis, feugiat imperdiet turpis mauris quis massa.</p>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h20-xs"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="container-fluid-inner">
                                <div class="swiper-with-img">
                                    <div class="swipers-img"><img src="../static/img/blog-img-6-2.jpg" alt=""></div>
                                    <div class="swiper-container" data-speed="1000" data-breakpoints="1"  data-space="10" data-slides-per-view="4" data-xs-slides="2" data-sm-slides="4" data-md-slides="4" data-lg-slides="4">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide" data-img-src="img/blog-img-6-2.jpg">
                                                <img src="../static/img/blog-img-6.jpg" alt="">
                                            </div>
                                            <div class="swiper-slide" data-img-src="img/blog-img-7-2.jpg">
                                                <img src="../static/img/blog-img-7.jpg" alt="">
                                            </div>
                                            <div class="swiper-slide" data-img-src="img/blog-img-8-2.jpg">
                                                <img src="../static/img/blog-img-8.jpg" alt="">
                                            </div>
                                            <div class="swiper-slide" data-img-src="img/blog-img-9-2.jpg">
                                                <img src="../static/img/blog-img-9.jpg" alt="">
                                            </div>
                                            <div class="swiper-slide" data-img-src="img/blog-img-6-2.jpg">
                                                <img src="../static/img/blog-img-6.jpg" alt="">
                                            </div>
                                            <div class="swiper-slide" data-img-src="img/blog-img-7-2.jpg">
                                                <img src="../static/img/blog-img-7.jpg" alt="">
                                            </div>
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h40-xs"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="section">
                                <p class="text-left">Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam. Donec rutrum rutrum pretium. Integer dolor quam, pulvinar ut libo et, pretium elementum nulla. Praesent non odio eget justo sodales pulvinar sodales vitae mi.  Nam venenatis arcu vel purus eleifend, nec blandit nunc mattis. Nulla facilisi. Aliquam at erat lectus dictum euism. Etiam consectetur, nisl nec rhoncus consequat, dolor enim ultricies turpis, feugiat imperdiet turpis mauris quis massa.</p>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h20-xs"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="container-fluid-inner">
                                <div class="video-wrapper">
                                    <img class="block" src="../static/img/blog-img-10.jpg" alt="">
                                    <div class="button-play open-video" data-src="https://www.youtube.com/embed/kQT2y3UiosQ?autoplay=1&amp;loop=1&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;color=white&amp;theme=light&amp;wmode=transparent"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h40-xs"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="section">
                                <p class="text-left">Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam. Donec rutrum rutrum pretium. Integer dolor quam, pulvinar ut libo et, pretium elementum nulla. Praesent non odio eget justo sodales pulvinar sodales vitae mi.  Nam venenatis arcu vel purus eleifend, nec blandit nunc mattis. Nulla facilisi. Aliquam at erat lectus dictum euism. Etiam consectetur, nisl nec rhoncus consequat, dolor enim ultricies turpis, feugiat imperdiet turpis mauris quis massa.</p>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h40-xs"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="tags">
                                        <span>TAGS</span>
                                        <a class="btn-style3" href="#">CINEMA</a>
                                        <a class="btn-style3" href="#">MUSIC</a>
                                        <a class="btn-style3" href="#">CULTURE</a>
                                        <a class="btn-style3" href="#">ART</a>
                                    </div>
                                </div>
                                <div class="empty-space h20-xs h0-md"></div>
                                <div class="col-md-6">
                                    <div class="follow">
                                        <span class="pull-left">SHARE</span>
                                        <a class="social" href="https://www.facebook.com/" target="_blank">
                                            <i class="fa fa-facebook" aria-hidden="true"></i>
                                        </a>
                                        <a class="social" href="https://www.instagram.com/" target="_blank">
                                            <i class="fa fa-instagram" aria-hidden="true"></i>
                                        </a>
                                        <a class="social" href="https://www.pinterest.com/" target="_blank">
                                            <i class="fa fa-pinterest-p" aria-hidden="true"></i>
                                        </a>
                                        <a class="social" href="https://www.twitter.com/" target="_blank">
                                            <i class="fa fa-twitter" aria-hidden="true"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h70-xs"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="author-block">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <img src="../static/img/author-img.png" alt="">
                                        <div class="empty-space h10-xs"></div>
                                        <div class="follow-style2">
                                            <a href="https://www.facebook.com/"><i class="fa fa-facebook" aria-hidden="true"></i></a>
                                            <a href="https://www.instagram.com/"><i class="fa fa-instagram" aria-hidden="true"></i></a>
                                            <a href="https://www.pinterest.com/"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a>
                                            <a href="https://www.twitter.com/"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                    <div class="col-sm-9">
                                        <article>
                                            <p>BLOGS AUTHOR</p>
                                            <h6 class="h6">Joan Gilds</h6>
                                            <p>Curabitur et ornare erat. Sed sit amet egestas enim. Fusce non lobort justo. In eleifend turpis nec libero vehi cula, vitae fermentum leo mattis. Etiam consectetur, nisl nec rhoncus consequat, dolor eni ultricies turpis, feugiat imperdiet turpis mauris quis massa</p>
                                        </article>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h50-xs h105-md"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <article>
                                <h2 class="h1-2">Related posts</h2>
                            </article>
                            <div class="empty-space h30-xs h60-md fl"></div>
                            <div class="swiper-with-pagination">
                                <div class="swiper-container" data-speed="1000" data-breakpoints="1" data-space="30" data-slides-per-view="3" data-xs-slides="1" data-sm-slides="2" data-md-slides="2" data-lg-slides="2">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <a href="#"><img src="../static/img/blog-img-11.jpg" alt=""><span>DESIGN</span></a>
                                            <div class="description">
                                                <a href="#" class="big-1 mouseover-2">QUISQUE PHARETRA DIGNIS EX AT ELEMENTUM</a>
                                                <div class="empty-space h10-xs"></div>
                                                <div class="autor small-1">
                                                    <span>JUNE 19/2016</span>
                                                    by GORAN RAMLJAK
                                                </div>
                                                <div class="empty-space h5-xs"></div>
                                                <p>Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam.</p>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="#"><img src="../static/img/blog-img-12.jpg" alt=""><span>BRENDING</span></a>
                                            <div class="description">
                                                <a href="#" class="big-1 mouseover-2">PHARETRA QUISQUE  DIGNIS EX AT ELEMENTUM</a>
                                                <div class="empty-space h10-xs"></div>
                                                <div class="autor small-1">
                                                    <span>JUNE 19/2016</span>
                                                    by GORAN RAMLJAK
                                                </div>
                                                <div class="empty-space h5-xs"></div>
                                                <p>Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam.</p>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="#"><img src="../static/img/blog-img-13.jpg" alt=""><span>PHOTOGRAPHY</span></a>
                                            <div class="description">
                                                <a href="#" class="big-1 mouseover-2">DIGNIS QUISQUE PHARETRA EX AT ELEMENTUM</a>
                                                <div class="empty-space h10-xs"></div>
                                                <div class="autor small-1">
                                                    <span>JUNE 19/2016</span>
                                                    by GORAN RAMLJAK
                                                </div>
                                                <div class="empty-space h5-xs"></div>
                                                <p>Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam.</p>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="#"><img src="../static/img/blog-img-11.jpg" alt=""><span>DESIGN</span></a>
                                            <div class="description">
                                                <a href="#" class="big-1 mouseover-2">QUISQUE PHARETRA DIGNIS EX AT ELEMENTUM</a>
                                                <div class="empty-space h10-xs"></div>
                                                <div class="autor small-1">
                                                    <span>JUNE 19/2016</span>
                                                    by GORAN RAMLJAK
                                                </div>
                                                <div class="empty-space h5-xs"></div>
                                                <p>Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam.</p>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="#"><img src="../static/img/blog-img-12.jpg" alt=""><span>BRENDING</span></a>
                                            <div class="description">
                                                <a href="#" class="big-1 mouseover-2">PHARETRA QUISQUE  DIGNIS EX AT ELEMENTUM</a>
                                                <div class="empty-space h10-xs"></div>
                                                <div class="autor small-1">
                                                    <span>JUNE 19/2016</span>
                                                    by GORAN RAMLJAK
                                                </div>
                                                <div class="empty-space h5-xs"></div>
                                                <p>Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam.</p>
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <a href="#"><img src="../static/img/blog-img-13.jpg" alt=""><span>PHOTOGRAPHY</span></a>
                                            <div class="description">
                                                <a href="#" class="big-1 mouseover-2">DIGNIS QUISQUE PHARETRA EX AT ELEMENTUM</a>
                                                <div class="empty-space h10-xs"></div>
                                                <div class="autor small-1">
                                                    <span>JUNE 19/2016</span>
                                                    by GORAN RAMLJAK
                                                </div>
                                                <div class="empty-space h5-xs"></div>
                                                <p>Vestibulum vel sapien tellus. Maecenas blandit ultricies nisl sit amet aliquam.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-pagination-wrapper">
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="empty-space h50-xs h105-md"></div>
                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <article>
                                <h2 class="h1-2">Comments</h2>
                            </article>
                            <div class="empty-space h30-xs h60-md fl"></div>
                            <div class="comments-wrapper">
                                <div class="comment">
                                    <img src="../static/img/icon-img-1.jpg" alt="">
                                    <div class="description">
                                        <span class="big">Angelina Parker</span>
                                        <span>JUNE 12/2015  at 14:02</span>
                                        <div class="empty-space h10-xs"></div>
                                        <p>Curabitur et ornare erat. Sed sit amet egestas enim. Fusce non lobortis justo. In eleifend turpis nec libero ultricies Sed sit amet egestas enim. Fusce non lobortis justo. In eleifend turpis nec libero vehicula</p>
                                        <div class="empty-space h15-xs"></div>
                                        <a class="btn-style1" href="#"><span>REPLY</span></a>
                                    </div>
                                </div>
                                <div class="empty-space h25-xs h45-md"></div>
                                <div class="comment">
                                    <img src="../static/img/icon-img-2.jpg" alt="">
                                    <div class="description">
                                        <span class="big">Cristin Moris</span>
                                        <span>JUNE 12/2015  at 14:02</span>
                                        <div class="empty-space h10-xs"></div>
                                        <p>In eleifend turpis nec libero ultricies Sed sit amet egestas enim. Fusce non lobortis justo. In eleifend turpis</p>
                                        <div class="empty-space h15-xs"></div>
                                        <a class="btn-style1" href="#"><span>REPLY</span></a>
                                    </div>
                                    <div class="empty-space h25-xs h45-md"></div>
                                    <div class="comment">
                                        <img src="../static/img/icon-img-3.jpg" alt="">
                                        <div class="description">
                                            <span class="big">Mery Moris</span>
                                            <span>JUNE 12/2015  at 14:02</span>
                                            <div class="empty-space h10-xs"></div>
                                            <p>In eleifend turpis nec libero ultricies Sed sit amet egestas enim. Fusce non lobortis justo. In eleifend turpis </p>
                                            <div class="empty-space h15-xs"></div>
                                            <a class="btn-style1" href="#"><span>REPLY</span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-10 col-md-offset-1">
                            <div class="form-wrapper style2">
                                <div class="empty-space h35-xs"></div>
                                <h6 class="h7">Leave a reply</h6>
                                <div class="empty-space h30-xs"></div>
                                <form>
                                    <div class="input-wrapper">
                                        <div class="input-style">
                                            <input id="inputName" name="name" type="text" class="input" required>
                                            <label for="inputName">Name...</label>
                                        </div>
                                        <div class="input-style">
                                            <input id="inputEmail" name="email" type="text" class="input" required>
                                            <label for="inputEmail">E-mail...</label>
                                        </div>
                                        <div class="input-style textarea">
                                            <textarea id="inputMessage" name="message" class="input" required></textarea>
                                            <label for="inputMessage">Your message...</label>
                                        </div>
                                    </div>
                                    <div class="empty-space h20-xs fl"></div>
                                    <button class="btn-style1 style2" type="submit"><span>SUBMIT</span></button>
                                </form>
                                <div class="empty-space h50-xs h90-md"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end container-fluid-style2 -->

        <!-- footer -->
        <footer class="footer-style">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="copyright normal-s">
                            Copyright &copy; 2017.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer -->
                
    </div>
    <!-- content -->

    <script src="../static/js/jquery-2.2.4.min.js"></script>
    <script src="../static/js/swiper.jquery.min.js"></script>
    <script src="../static/js/global.js"></script>
</body>
</html>
